/* -----------------------------------------------
	www.swfupload.org
	Description: Common Screen Stylesheet for SWFUpload Demos
	Updated on:  May 1, 2008
----------------------------------------------- */


/* ----------------------------------------------- 
	GLOBAL RESET 
   ----------------------------------------------- */



/* remember to define focus styles! */
:focus { outline: 0; }
input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */
#btnSubmit { margin: 0 0 0 155px ; }

/* -- Table Styles ------------------------------- */
.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error 
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

 Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	/*font-size: 8pt;*/
	/*font-weight: 700;*/
	color: green;
	width: 323px;
	height: 18px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 300px;
	/*font-size: 7pt;*/
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url('cancelbutton.gif');
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}

.swfuploadbtn {display:inline;border:#7FAAFF 1px solid;background:#C5D9FF;padding:2px;margin:5px;}
.addimages {float:left;cursor:pointer;}

#thumbnails ul li{float:left;list-style-type:none;width:105px;margin-left:5px;}
        #thumbnails .button
		{
			display:block;
			position: relative;
			right:-84px;
			top: -118px;
			width: 30px;
			z-index: 1103;
			cursor:pointer;
		}
#pic_list li{padding:0 0 0 5px;}

.upimgList{padding:18px 0 0 0}
.upimgList input,.publicimg input{display:inline-block;vertical-align:middle;margin:0 2px;border:0}
.upimgList li,.publicimg li{float:left;_display:inline;width:124px;border:1px #ddd solid;padding:2px;margin:9px}
.upimgList li.on,.publicimg li.on{border:1px #f00 solid;background:#f99}
.upimgList img,.publicimg img{display:block;width:124px;height:93px}
.upimgList span,.publicimg span{display:block;margin:2px 0 0 0;background:#f3f3f3;padding:0 4px}
.upimgList label{padding:0 6px 0 0}
.upimgList a{display:inline-block;margin:0 4px;_margin:0 3px;width:11px;height:12px;vertical-align:middle;background:url(icon39.gif) no-repeat;overflow:hidden}
.upimgList a.gor{background-position:0 -44px}
.upimgList a.gor:hover{background-position:0 -66px}
.upimgList a.del{background-position:0 -88px}
.upimgList a.del:hover{background-position:0 -111px}
.upimgList a:hover{background-position:0 -22px}